<template>
    <div>
        <my-form form-class="form-driver" :model="driver" :form-items="formItems" ref="formBasic" :label-width="labelWidth"></my-form>
      <div class="btn-container">
        <el-button type="primary" @click="submitEdit">保存</el-button>
        <el-button type="info" @click="cancelEdit">{{cancelText}}</el-button>
      </div>
    </div>
</template>

<script>
  const formItems = [
      {
        name: 'name',
        label:'驾驶员姓名',
        type:'text',
        rule:{required: true, message: '请输入驾驶员姓名', trigger:'blur'}
      },// 性别
    {
      name: 'sex',
      label:'性别',
      type:'text',
      rule:{required: true, message: '请输入性别', trigger:'blur'}
    },

// 出生年月
    {
      name: 'birth',
      label:'出生年月',
      placeholder:'出生年月',
      type:'date',
      rule:{type: 'date', required: true, message: '请选择出生年月', trigger:'change'},
    },

// 住址
    {
      name: 'addr',
      label:'住址',
      type:'text',
      rule:{required: true, message: '请输入住址', trigger:'blur'}
    },

// 身份证号
    {
      name: 'cardno',
      label:'身份证号',
      type:'text',
      rule:{required: true, message: '请输入身份证号', trigger:'blur'}
    },

// 准驾车型
    {
      name: 'carType',
      label:'准驾车型',
      type:'number',
      rule:{type:'number',required: true, min:1,max:15, message: '请输入准驾车型'}
    },
// 驾龄
    {
      name: 'age',
      label:'驾龄',
      type:'number',
      rule:{type:'number',required: true, min:1,message: '请输入驾龄'}
    },

// 常用车辆
    {
      name: 'car',
      label:'常用车辆',
      type:'text',
      rule:{required: true, message: '请输入常用车辆', trigger:'blur'}
    },

// 文化程度
    {
      name: 'education',
      label:'文化程度',
      type:'number',
      rule:{type:'number',required: true,message: '请输入文化程度'}
    },

// 人身意外保险(***未找到相应字段***)
    {
      name: 'xxx',
      label:'人身意外保险',
      type:'select',
      data:selectDatas.InsuranceSituation

      ,
      rule:{required: true, message: '请选择保险类型', trigger:'change'}
    },

// 紧急联系人
    {
      name: 'contact',
      label:'紧急联系人',
      type:'text',
      rule:{required: true, message: '请输入紧急联系人', trigger:'blur'}
    },

// 进入公司日期
    {
      name: 'joinDate',
      label:'进入公司日期',
      placeholder:'进入公司日期',
      type:'date',
      rule:{type: 'date', required: true, message: '请选择日期', trigger:'change'},
    },

// 类型
    {
      name: 'relation',
      label:'类型',
      type:'select',
      data:selectDatas.DriverCarType

      ,
      rule:{required: true, message: '请选择类型', trigger:'change'}
    },

// 身份证(正反两面)
    {
      name: 'path1',
      label:'身份证(正面)',
      type:'singleImage',
      maxFileSize:1,
      rule:{required: true, message: '请选择图片'}
    },
    {
      name: 'path2',
      label:'身份证(反面)',
      type:'singleImage',
      maxFileSize:1,
      rule:{required: true, message: '请选择图片'}
    },

// 驾驶证(正反两面)
    {
      name: 'path3',
      label:'驾驶证(正面)',
      type:'singleImage',
      maxFileSize:1,
      rule:{required: true, message: '请选择图片'}
    },
    {
      name: 'path4',
      label:'驾驶证(反面)',
      type:'singleImage',
      maxFileSize:1,
      rule:{required: true, message: '请选择图片'}
    },
//    驾驶员姓名
//    性别
//    民族
//    文化程度
//    出生日期
//    身份证号码
//    身份证
//    手机号码
//    资格证号
//    驾证类型
//    驾驶证号
//    驾龄
//    领证日期
//    驾证档案号
//    驾证有效期
//    驾证管辖地
//    驾驶证
//    进入公司日期
//    离开日期
//    劳务关系
//    劳务合同
//    合同期限（起止日期）
//    常用车辆
//    人身意外保险
//    紧急联系人
//    联系人关系
//    紧急联系人电话
//    通讯地址
  ];
  import MyForm from '../../../components/MyForm';
  import * as selectDatas from '../../../constants/select-datas';
    export default {
        name: 'DriverEdit',
      props:{
        driver: Object,
        required: false,
      },
      components:{
        MyForm
      },
        data() {
            return {
              formItems: formItems,
              labelWidth: "180px",
            }
        },
      computed:{
        cancelText(){
          if(this.driver){
            return "取消编辑"
          }else{
            return "取消添加"
          }
        }
      },
      methods:{
        submitEdit(){
          let me = this;
          this.$refs['formBasic'].validate((valid)=>{
            if(valid){
              let targetObj={...me.$refs[`formBasic`].nowModel}
              me.$emit('submitEdit', targetObj)
            }
          })
        },
        cancelEdit(){
          this.$emit('cancelEdit')
        }
      },
    }
</script>

<style lang="stylus" scoped>
  .form-driver
    width: 600px
  .btn-container
    margin-top: 15px
    padding-left: 180px
</style>
